<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <style>
      div {
        width: 400px;
        height: 300px;
        border: solid black;
        font-size: 26px;

        /* text-align: justify; */
        /* word-break: break-all; */

        /* vertical-align: middle; */

        /* text-align: center;
        line-height: 300px; */

        /* font: normal 900 30px/50px "幼圆", "楷体", "微软雅黑"; */

        text-indent: -2em;

        letter-spacing: 10px;
      }

      h1 {
        width: 200px;
        height: 50px;
        border: 1px solid #000;
        background-image: url("../day01/images/1.jpg");
        text-indent: -9999px;
      }
    </style>
  </head>
  <body>
    <div>
      文本属性文文本属性文文本属性文文本属性文文本属性文文本属性文文本属性文
    </div>

    <h1>千锋教育</h1>
  </body>
</html>

<!-- 
  6. text-align  水平对齐方式
    left: 左对齐 默认值
    center: 居中对齐
    right: 右对齐
    justify: 两端对齐

    很长的英文单词/数字/url地址，默认是不会自动换行的

  7. vertical-align  垂直对齐方式
    文字之间或者文字和图片之间的对齐方式
    baseline: 基线对齐, 默认值
    top: 顶线对齐
    middle: 中线对齐
    bottom: 底线对齐

  
  8. line-height  行高
    一行文字所占的高度
    设置文字的行高如果和容器的高度相同，那么文字就在容器的里面垂直居中
    行高允许写百分比，百分比是相当于自身文字大小的百分比
    还允许直接写数字，相当于是自身文字大小的倍数


  9. font
    font是font-style font-weight font-size / line-height font-family 的简写。
    font:italic  800 30px/80px "宋体"；顺序不能改变 ,必须同时指定font-size和font-family属性时才起作用
    是为数不多的可以简写，但是又不推荐写的属性

  
  10. text-decoration 文本修饰
    none: 没有 默认值
    underline: 下划线
    overline: 上划线
    line-through: 删除线


  11. text-indent 首行缩进
    推荐使用em单位
    可以添加负数


  12. letter-spacing 字间距
 -->
